@CHARSET "UTF-8";
/*base样式开始*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
html,body{height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option,p,th,td{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font:12px/1.5 Avenir,Heiti-SC,Monaco,tahoma, arial, \5b8b\4f53, sans-serif;-webkit-text-size-adjust:none; -webkit-user-select: none;}
i,b,em{font-style:normal; font-weight:normal}
img{border:0;vertical-align: middle;}
table{border-collapse:collapse;border-spacing:0}
li,ol,ul{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
input,select,textarea{font-size:12px;}
input:focus{outline:none}
.inline{display:inline-block;display:-moz-inline-stack;*display:inline;zoom:1;}
.fl{float:left; display:inline;}
.fr{float:right;display:inline;}
.clearfix{clear:both;overflow:hidden;} 
.clearfix:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
.hide{display:none;}
.cl{clear: both;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}
.box-flex{display: -ms-flexbox; display: -webkit-box;}
.box-flex-item{-webkit-box-flex: 1; -ms-flex: 1 auto;width: 1px;display: block;}
.unVisible{visibility:hidden;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance: none;}
button:focus{outline:none;}
button::after{border: none;}
a{text-decoration: none;color:inherit;cursor:pointer;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;font-family:"微软雅黑";}
.relative{position: relative;}
.block{display:block!important;}
.none{display:none!important;}
.bold{font-weight: bold;}
/*base样式结束*/
#wrap {position: relative;height: 100%;max-width: 7.5rem;margin: 0 auto;overflow-x: hidden;overflow-y: scroll;}
.common {margin-left: 0.4rem;margin-right: 0.4rem;}
.bf{background:#fff;}
.mb100{margin-bottom: 1.0rem;}
.mt20{margin-top: 0.2rem;}
.mt100{margin-top: 1.0rem;}

#wrap_home{position: relative;}
#wrap_home .home_img{width:100%;height: auto;}
#wrap_home .btn{width:5.0rem;height:1.4rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: 2.0rem;}

.wrap_joined h1.title{font-size: 0.4rem;color: #50BEC5;text-align: center;font-weight: bold;margin: 0.8rem auto 0.4rem;}
.common_list{background:#fff;font-size:0.28rem;}
.common_list .common{padding:0.1rem 0;}
.common_list label{color:#333;padding-right:0.3rem;}
.common_list span{color:#999;}
.common_list input[type="text"]{width:6.52rem;height:0.7rem;line-height:0.7rem;text-indent:0.2rem;border:0.01rem solid #d7d7d7;font-size:0.28rem;color:#333;border-radius: 0.1rem;background:#fff;}

.ul_common_list{font-size: 0.28rem;}
.ul_category li{float:left; margin-top:0.3rem; padding:0.1rem 0.44rem; border:0.01rem solid #d7d7d7;margin-right:0.3rem;border-radius:0.1rem;}
.ul_category li.on{border-color:#50BEC5;color:#50BEC5; background: url(../img/select_c_icon.png) bottom right no-repeat;background-size: 0.32rem;}
.ul_category li:nth-child(3n){margin-right: 0.0rem!important;}
.ul_goods li{margin-top:0.3rem; width: 45%; padding:0.12rem 0.42rem; border:0.02rem solid #d7d7d7;border-radius:0.1rem;text-align: center;}
.ul_goods li:nth-child(2n){float: right;}
.ul_goods li:nth-child(2n+1){float: left;}
.ul_goods li.on{border-color:#50BEC5;background:#50BEC5;color:#fff;}

.button {display: block;width: 6.4rem;height: 1.0rem;line-height: 1.0rem;background: #50BEC5;font-size: 0.32rem;color: #fff;font-weight: 500;text-align: center;border-radius: 0.2rem;margin: auto;box-shadow: 5px 5px 5px rgba(201, 201, 201, 0.35);letter-spacing: 0.01rem;}

/*提示弹窗*/
.mask{position: fixed;top: 0;left:0;z-index: 888;width: 100%;height: 100%;background: rgba(0,0,0,0.4);display:none;}
.msg-succ{z-index: 333;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 5.46rem;border-radius:0.06rem;background: #fff;text-align: center;font-size:0.32rem;}
.mask_joined img{margin-top:0.6rem; width:0.8rem;height:0.8rem;}
.mask_joined div{font-size: 0.32rem;color:#666;margin-top:0.4rem;}
.mask_joined p{font-size: 0.28rem;color:#999;margin-top:0.3rem;}
.mask_joined a{display: block;margin-top:0.7rem; font-size: 0.36rem;color:#50BEC5;height: 1.1rem;line-height:1.1rem;text-align: center;border-top:0.01rem solid #D7D7D7;}
